/*clear default style*/
html {font-size:100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,header,nav,section,footer{padding:0;margin:0;border:0;font-size:0.24rem;-webkit-box-sizing: border-box;box-sizing: border-box}
body{color:#2d2d2d;background:#f6f6f6;max-height:99999px;min-height:1px;-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;text-size-adjust: 100%; font-family: '微软雅黑'}
form,input,textarea{outline:none;}
img{border:none;}
a{transition:all .2s;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul, ol, li{list-style:none; list-style-type:none;}
.clear{clear:both;}
a{text-decoration:none;outline:none;color:#444;}
h1,h2,h3{font-weight:normal;}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.fl{float:left}
.fr{float:right}
.tran{transition:all .2s;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none !important;outline:none}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-huanyipi:before { content: "\e600"; }
.icon-msnui-pc:before { content: "\e696"; }
.icon-xuanzeselection7:before { content: "\e748"; }
.icon-delete:before { content: "\e631"; }
.icon-wotuwanglogo:before { content: "\e630"; }
.icon-dingdan2:before { content: "\e60a"; }
.icon-wode:before { content: "\e636"; }
.icon-shezhi:before { content: "\e604"; }
.icon-youxiang:before { content: "\e612"; }
.icon-back:before { content: "\e610"; }
.icon-PPT:before { content: "\e626"; }
.icon-xiala:before { content: "\e615"; }
.icon-sousuo:before { content: "\e7a8"; }
.icon-fenlei:before { content: "\e616"; }
.icon-e-mail_icon:before { content: "\e674"; }
.icon-gengduotianchong:before { content: "\e691"; }
.icon-shipin:before { content: "\e63e"; }
.icon-shouye:before { content: "\e611"; }
.icon-xiangji:before { content: "\e67e"; }
.icon-shoucang:before { content: "\e613"; }
.icon-qiang:before { content: "\e643"; }
.icon-fangdajing:before { content: "\e6b1"; }
.icon-72jingshi:before { content: "\e64b"; }
.icon-queding:before { content: "\e663"; }
.icon-shiwang:before { content: "\e672"; }
.icon-mail:before { content: "\e614"; }
.icon-payali:before { content: "\e654"; }
.icon-paywx:before { content: "\e622"; }
.icon-diannao:before { content: "\e696"; }
.icon-close:before { content: "\e634"; }
.icon-off:before { content: "\e64f"; }
.icon-zhengque:before { content: "\e60b"; }
.icon-guanbi:before { content: "\e62c"; }
.icon-jiaoyu:before { content: "\e60c"; }

/*common*/
.fn12{font-size:12px}
.fn14{font-size:14px}
.fn16{font-size:16px}
.fn18{font-size:18px}

.clear{clear:both;}
.color-444{color:#444;}
.color-fff{color:#fff;}
.color-888{color:#888;}
.color-bbb{color:#bbb;}
.color-f0{color:#f0f0f0;}
.color-f4{color:#f4f4f4;}
.color-miz-violet{color:#f7672e;}
.color-miz-green{color:#28DD8E;}

.text1{font-size:16px;color:#444;}
.text2{font-size:14px;color:#444;}
.text3{font-size:14px;color:#888;}
.text4{font-size:12px;color:#888;}

.center{text-align:center;}
.margin-center{margin:0 auto;}
.inline{display:inline}
*:focus{outline:none;}
.fright{float:right;}

#top{box-shadow: 0px 2px 4px rgba(0,0,0,.1);-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.1);-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.1);}
#top,#bottom{width:100%;}
#main{max-width:640px;width:100%;overflow:hidden;}
#top,#bottom,#main{margin:0 auto;}
#main{margin-top:50px;}



#top{height:50px;line-height:50px;background:#fff;position:fixed;top:0;z-index:4}
#top-content{height:100%;overflow:hidden;position:relative;}

/*top logo*/
#top-content .logo,#top-content .referer,#top-content .topSearch,#top-content .menu{position:absolute;height:50px;top:0;cursor:pointer;}
#top-content .logo{display:block;width:83px;left:10px;}
#top-content .logo .logo-img{margin-top:12px;}

/*top search*/
#top-content .topSearch{width:50px;right:50px;line-height:54px;background:url("../images/icon-search2x.png") no-repeat center;background-size:16px 17px;}
#top-content .pagename{width:50%;height:50px;cursor:pointer;font-size: 20px;}
#top-content .pagename .name{display:inline-block;height:50px;float:left;margin-right:5px;}
#top-content .pagename .arrowDown{display:inline-block;width:10px;height:50px;background:url("../images/icon-arrow-down2x.png") no-repeat center;background-size:10px 6px;}

/*top menu*/
#top-content .menu{width:50px;right:0px;background:url("../images/icon-menu2x.png") no-repeat center;background-size:16px 14px;}

/*top referer*/
#top-content .referer{display:block;width:50px;height:50px;cursor:pointer;background:url("../images/icon-back2x.png") no-repeat center;background-size:10px 16px;}

#main-content{background:#f4f4f4;}

#mask{display:none;width:100%;height:140%;position:fixed;top:0;left:0;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:50;background-color:#000;}
#rightSlide{width:50%;height:140%;position:fixed;top:0;right:-50%;background:#fff;z-index:100;}
.face{padding:0px 0 30px 0;border-bottom:1px solid #f0f0f0;}
.face-img{padding-top:20px;}
.face-img img{border-radius:50%;height:60px;display:block;margin:0 auto;}
#rightSlide .click-login{margin-top:10px;}
#rightSlide .plate-list li{line-height:50px;width:100%;border-bottom:1px solid #f0f0f0;}


#topSearchBar{width:100%;height:50px;position:fixed;top:-50px;z-index:100;background:#fff;line-height:50px;}
#topSearchBar div{float:left;}
#topSearchBar .cancelIcon,#categoryList .cancelIcon{width:50px;height:100%;background:url("../images/icon-cancel2x.png") no-repeat center;background-size:14px 14px;cursor:pointer;}
#topSearchBar .referer{ width: 50px;height: 100%;background: url(../images/icon-back2x.png) no-repeat center;background-size: 14px 14px;cursor: pointer;}
#topSearchBar .searchInput{line-height:50px;width:calc(100% - 100px);position:relative;}
#topSearchBar .searchInput input{border:none;width:100%;background-image:url("../images/icon-search-mini2x.png");background-repeat:no-repeat;background-position:10px center;background-size:13px 14px;background-color:#f0f0f0;border-radius:20px;height:32px;line-height:31px;padding:0px 0 0 30px;}
#topSearchBar .searchBtn{width:50px;height:100%;display:inline-block;}
#topSearchBar .clearInput{position:absolute;right:5px;top:9px;border-radius:50%;width:32px;height:32px;background:url("../images/icon-clear2x.png") no-repeat center;background-size:16px 16px;}

.photoSearch{width:100%;height:50px;position:relative;left:50px;background:#fff;line-height:50px;}
.photoSearch .searchInput{line-height:50px; position:relative;width:calc(100% - 100px);}
.photoSearch .searchInput input{border:none;width:100%;background-image:url("../images/icon-search-mini2x.png");background-repeat:no-repeat;background-position:10px center;background-size:13px 14px;background-color:#f0f0f0;border-radius:20px;height:32px;line-height:31px;padding:0px 0 0 30px;}

#bottom{background:#f4f4f4;padding:20px 0 20px 0;}
#bottom #bottom-content{text-align:center;}
#bottom #bottom-content .switch{padding:0px 0 10px 0;}

.Index-fixed-bottom{ width: 100%; height:1.04rem; position: fixed; bottom:-0.01rem; left: 0; background-color: #fff; z-index: 3; border-top:#e6e6e6 0.01rem solid;}
.Index-fixed-bottom a{ display: block;  width: 33%;height: 1.04rem; text-align: center; font-size: 0.24rem ; color: #999;position: relative;}
.Index-fixed-bottom a i{ font-size: 0.42rem;color: #999; margin-top: 0.15rem; display: inline-block; height: 0.42rem}
.Index-fixed-bottom span{ color: #999; line-height: 0.36rem}
.Index-fixed-bottom a i.icon-fenlei{ font-size: 0.4rem; margin-top: 0.2rem}
.Index-fixed-bottom a i.icon-qiang{ font-weight: bolder;font-size: 0.44rem;}
.Index-fixed-bottom a b{ display: inline-block; height:0.15rem; width:0.15rem; border-radius:0.15rem; background-color: #f00; position:absolute; top: 0.18rem; right: 0.6rem}
.Index-fixed-bottom a.on i,.Index-fixed-bottom a.on span{ color: #f7672e}